<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>卡券规则</title>
	<!-- Bootstrap -->
	<link href="../assets/css/bootstrap.min.css" rel="stylesheet">
	<link href="fonts/iconfont.css" rel="stylesheet">
	<link href="../assets/css/style.css" rel="stylesheet" />
	<link href="../assets/css/motai.css" rel="stylesheet" />
	<link href="../assets/css/tabletable.css" rel="stylesheet" />
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		      <script src="../assets/js/html5shiv.min.js"></script>
		      <script src="../assets/js/respond.min.js"></script>
		      <![endif]-->
		      <style type="text/css">
		      	  	.ckgzsz-modal-header{
		      		background-color: #E1E5E6;
		      		line-height: 66px;
		      	}
		      	.ckgzsz-modal-title{
		      		color: #333;
		      	}
		      	.ckgzsz-zuo-close{
		      		top :-10px;
		      		color: #333;
		      	}
		      	.iconfont_color1{
		      		color:#00CE9B 
		      	}
		      	.number_shu{
		      		margin-left: 5px;
		      		margin-right: 5px;
		      	}
		      	.height560-overflow{
		      		height: 211px;
		      		overflow-y: scroll;
		      		overflow-x: hidden;
		      	}

		      </style>
		  </head>

		  <body>
		  	<!--内容区域-->
		  	<div class="content">
		  		<div class="content-header col-md-12">
		  			<div class="con-header">

		  				<div class="col-md-6 col-sm-6 col-xs-6">
		  					<button type="button" class="btn btn-info btn-header" data-toggle="modal" data-target="#myModal">添加+</button>
		  				</div>
		  			</div>
		  		</div>

		  	</div>

		  	<!-- 模态框（Modal） -->
		  	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  		<div class="modal-dialog">
		  			<div class="modal-content">
		  				<div class="modal-header">
		  					<div class="zuo-close" data-dismiss="modal">
		  						<i class="iconfont icon-o1"></i>
		  					</div>
		  					<h5 class="modal-title" id="myModalLabel"><i class="iconfont icon-jinggao"></i>&emsp;卡券规则设置</h5>
		  				</div>
		  				<div class="modal-body ckmx-table-body">
		  					<div class="row">
		  						<!-- 里面的表单 -->
		  						<form class="form-horizontal" role="form">
		  							<div class="form-group">
		  								<label for="firstname" class="col-sm-3 control-label"><span class="bitian">*</span>消费金额</label>
		  								<div class="col-sm-5">
		  									<input type="text" class="form-control" id="firstname" placeholder="请输入">
		  								</div>
		  								<div class="col-sm-4 col-after">元</div>
		  							</div>
		  							<div class="form-group">
		  								<label for="firstname" class="col-sm-3 control-label"><span class="bitian">*</span>券包名称</label>
		  								<div class="col-sm-5">
		  									<input type="text" class="form-control" id="firstname" placeholder="请输入">
		  								</div>
		  								<div class="col-sm-4 col-after">(10字以内)</div>
		  							</div>

		  						</form>
		  					</div>
		  					<div class="ckmx-table-table" style="margin-left: -14px;margin-right: -15px;">
		  						<div class="table-responsive ckmx-table-hei">
		  							<table class="table ckmx-table">
		  								<thead>
		  									<tr>
		  										<th class="firstth" valign="middle">序号</th>
		  										<th class="secondta">类型</th>
		  										<th>名称</th>
		  										<th>有效期</th>
		  										<th>卡券数量</th>
		  									</tr>
		  								</thead>
		  								<tbody class="border-lf mytable ">
		  									<tr>
		  										<td class="firsttd bgcolor-fff" valign="middle">1</td>
		  										<td class="secondta">西瓜霜</td>
		  										<td>2</td>
		  										<td>24</td>
		  										<td>
		  											<i class="iconfont iconfont_color1 icon-jian"></i>
		  											<span class="number_shu">0</span>
		  											<i class="iconfont iconfont_color1 icon-jia"></i>
		  										</td>
		  									</tr>
		  									<tr>
		  										<td class="firsttd bgcolor-fff" valign="middle">1</td>
		  										<td class="secondta">西瓜霜</td>
		  										<td>2</td>
		  										<td>24</td>
		  										<td>
		  											<i class="iconfont iconfont_color1 icon-jian"></i>
		  											<span class="number_shu">0</span>
		  											<i class="iconfont iconfont_color1 icon-jia"></i>
		  										</td>
		  									</tr>
		  									<tr>
		  										<td class="firsttd bgcolor-fff" valign="middle">1</td>
		  										<td class="secondta">西瓜霜</td>
		  										<td>2</td>
		  										<td>24</td>
		  										<td>
		  											<i class="iconfont iconfont_color1 icon-jian"></i>
		  											<span class="number_shu">0</span>
		  											<i class="iconfont iconfont_color1 icon-jia"></i>
		  										</td>
		  									</tr>
		  									<tr>
		  										<td class="firsttd bgcolor-fff" valign="middle">1</td>
		  										<td class="secondta">西瓜霜</td>
		  										<td>2</td>
		  										<td>24</td>
		  										<td>
		  											<i class="iconfont iconfont_color1 icon-jian"></i>
		  											<span class="number_shu">0</span>
		  											<i class="iconfont iconfont_color1 icon-jia"></i>
		  										</td>
		  									</tr>
		  									<tr>
		  										<td class="firsttd bgcolor-fff" valign="middle">1</td>
		  										<td class="secondta">西瓜霜</td>
		  										<td>2</td>
		  										<td>24</td>
		  										<td>
		  											<i class="iconfont iconfont_color1 icon-jian"></i>
		  											<span class="number_shu">0</span>
		  											<i class="iconfont iconfont_color1 icon-jia"></i>
		  										</td>
		  									</tr>



		  								</tbody>
		  							</table>
		  						</div>
		  					</div>
		  				</div>
		  				<div class="modal-footer">

		  					<button type="button" class="btn save">保存</button>
		  					<button type="button" class="btn  close_motai" data-dismiss="modal">关闭</button>
		  				</div>

		  			</div>
		  			<!-- /.modal-content -->
		  		</div>
		  		<!-- /.modal -->
		  	</div>

		  	<script src="../assets/js/jquery.min.js"></script>
		  	<script src="../assets/js/bootstrap.min.js"></script>
		  	<script src="../assets/js/main.js"></script>

		  </body>

		  </html>